import React, { Component } from 'react'
import Dialog from './Dialog'

export default class Index extends Component {
  render () {
    return (
      <div>
        {/* <Dialog
          children={
            <div>
              活动名称：
              <input />
              <br />
              活动区域：
              <input />
            </div>
          }
        ></Dialog> */}
        {/* 写在子组件标签之间的内容，相当于使用属性名为children的属性进行数据传递 */}
        <Dialog
          title={<h3>xxx系统登录</h3>}
          footer={
            <div>
              <button>取消</button>&nbsp;&nbsp;
              <button>登录</button>
            </div>
          }
        >
          <div>
            活动名称：
            <input />
            <br />
            活动区域：
            <input />
          </div>
        </Dialog>
        <hr />
        <Dialog>
          <table>
            <tr>
              <th>日期</th>
              <th>姓名</th>
              <th>地址</th>
            </tr>
            <tr>
              <td>2020-10-07</td>
              <td>王小虎</td>
              <td>广东省深圳市</td>
            </tr>
          </table>
        </Dialog>
      </div>
    )
  }
}
